<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    {% block link %}{% endblock %}
    <title>Sample|{% block title %}首页{% endblock%}</title>
</head>
{% block style %}
{% endblock %}
<body style="background-color:#B2BFCE;">
    <div class='container-fluid'  style="opacity:0.5;">
        <div class='row panel panel-default'>
            <ul class="nav nav-pills panel-body">

                {% if user.is_authenticated %}
                <li role="presentation" class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="/accounts/login/" role="button" aria-expanded="false">{{user.username}}
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="/accounts/logout/">退出</a></li>
                </ul>
                </li>
                {% else %}
                <li role="presentation" ><a href="/accounts/login/">登陆</a></li>
                <li role="presentation" ><a href="/accounts/register/">注册</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
    <div class='container-fluid'>
   <!--       -->
 {% block content %}   {% endblock %}





    </div>
</body>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
{% block script %}
{% endblock %}

</html>